{# src/VEKA/PojetBundle/Resources/views/Projet/chassis.html.twig #}

{% extends "::LayoutProjet.html.twig" %}

{%  block title %}
	{{ parent() }}
{% endblock %}
{% block body %}
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	{% block javascript %}
		<script src="{{ asset('bundles/VEKA/js/main.js') }}"></script>
	{% endblock %}
    <style type="text/css">
        .onglet
        {
                display:inline-block;
                margin-left:3px;
                margin-right:3px;
                padding:3px;
                border:1px solid black;
                cursor:pointer;
        }
        .onglet_0
        {
                background:#bbbbbb;
                border-bottom:1px solid black;
				
        }
        .onglet_1
        {
                background:#dddddd;
                border-bottom:0px solid black;
                padding-bottom:4px;
        }
        .contenu_onglet
        {
                background-color:white	;
                border:1px solid black;
                margin-top:-1px;
                padding:5px;
                display:none;
        }
        ul
        {
                margin-top:0px;
                margin-bottom:0px;
                margin-left:-10px
        }
        h1
        {
                margin:0px;
                padding:0px;
        }
        </style>
</head>

<body>
	<div class="text-left span5 offset6">
		<div>
			<h4>Finitions</h4> 
			<p>Type finition&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<SELECT name="type" id="Typefin" size="1"></SELECT></p>
			<p>Couleur&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<SELECT name="type" id="Couleur" size="1"></SELECT></p>
		</div>
		
		<div>
			<h4>Schéma du châssis</h4>
			<img src="{{ asset('bundles/VEKA/images/chassis.png') }}"/>
		</div>
		
			<h4>Type de vitrage</h4>
    <div class="systeme_onglets">
        <div class="onglets">
            <span class="onglet_0 onglet" id="onglet_Volume1" onclick="javascript:change_onglet('Volume1');">Volume1</span>
            <span class="onglet_0 onglet" id="onglet_Volume2" onclick="javascript:change_onglet('Volume2');">Volume2</span>
            <span class="onglet_0 onglet" id="onglet_Volume3" onclick="javascript:change_onglet('Volume3');">Volume3</span>
        </div>
        <div class="contenu_onglets">
            <div class="contenu_onglet" id="contenu_onglet_Volume1">
                <h1>Info volume 1</h1>
                les informations du volume 1 sont:<br />                
            </div>
            <div class="contenu_onglet" id="contenu_onglet_Volume2">
                <h1>Info volume 2</h1>
                les informations du volume 2 sont:<br />
            </div>
            <div class="contenu_onglet" id="contenu_onglet_Volume3">
                <h1>Info volume 3</h1>
                les informations du volume 3 sont:<br />
            </div>
        </div>
    </div>
	</div>
	
	<div class="text-right span5 offset1">
		<div>
			<p>Largeur menuiserie&nbsp;&nbsp;&nbsp;<TEXTAREA name="nom" rows=1></TEXTAREA></p>
			<p>Hauteur menuiserie&nbsp;&nbsp;&nbsp;<TEXTAREA name="nom" rows=1 cols=40></TEXTAREA></p>
			<p>Position du meneau&nbsp;&nbsp;&nbsp;<TEXTAREA name="nom" rows=1 cols=40></TEXTAREA></p>
			<p>Position de la traverse&nbsp;&nbsp;&nbsp;<TEXTAREA name="nom" rows=1 cols=40></TEXTAREA></p>
		</div>
		<div class=well>
			<h4 class="text-center">Résultat</h4></br>
			<p>Uw Châssis&nbsp;&nbsp;&nbsp;<TEXTAREA name="nom" rows=1 cols=40></TEXTAREA></p>
			<p>Sw CHâssis&nbsp;&nbsp;&nbsp;<TEXTAREA name="nom" rows=1 cols=40></TEXTAREA></p>
			<p>Tlw Châssis&nbsp;&nbsp;&nbsp;<TEXTAREA name="nom" rows=1 cols=40></TEXTAREA></p>
		</div>
		<div>
			<p>
			<a href="{{ path('veka_projet_imprimer') }}" target=blank class="btn btn-primary">
			<b>Enregistrer en PDF</b>
			<a>
		</p>
		</div>
	</div>
    <script type="text/javascript">
        //<!-- definition onglet actif !
                var anc_onglet = 'Volume1';
                change_onglet(anc_onglet);
        //-->
    </script>
</body>
</html>

<!--	
		<div class="tabbalble">
		
			<h4>Type de vitrage</h4>
			
		
			
			
			<ul class="nav nav-tabs">
				<li class="active"><a href="#Volume_A" data-toggle="tab">Volume A</a></li>
				<li><a href="#Volume_B" data-toggle="tab">Volume B</a></li>
				<li><a href="#Volume_C" data-toggle="tab">Volume C</a></li>
			</ul>
				
			<div class="tab-content">
				<div class="tab-pane active" id="Volume_A">Volume A</div>
		   		<div class="tab-pane" id="Volume_B">Volume B</div>
		  		<div class="tab-pane" id="Volume_C">Volume C</div>
			</div>
			
		</div>
	</div>
	
!-->
{% endblock %}